feat(fe): impl problem create statement page#3538
Conversation
sONg20NOW
added
🍊squad-유자차
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request implements the StatementPage component, providing a detailed form for problem creation that includes basic metadata, problem descriptions, and dynamic sample data management via react-hook-form. Additionally, it includes UI refinements and typo fixes in the ProblemCreateContainer. Feedback was provided to enhance type safety by removing unsafe type assertions in the form's default values, improve the user experience by ensuring sequential numbering for dynamic sample labels, and maintain styling consistency across input fields using focus-visible.
|
✅ Syncing Preview App Succeeded Application: |
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
|
✅ Syncing Preview App Succeeded Application: |
1 participant
Description
problem/create의 문제 본문(statement) 탭을 구현했습니다.
Additional context
백엔드 연동 전에 UI 구현과 useForm 연결만 완료했습니다.
현재 배경색 변경이 반영되어 있지 않아서 임시적으로 problem container에 배경색을 주었습니다. 머지하기 전에 이는 원상복구할 예정입니다. (배경색 바꾸는 브랜치 새로 파서 작업해야 할 것 같아용)
그리고 현재 샘플 추가만 가능하고 개별 샘플 삭제는 디자인이 안 되어있어서 피그마에 코멘트 남겨놓고 대기 중입니다. 일단 제가 임의로 개별 삭제 버튼 만들어놨으니 그걸로 테스트 해주시면 될 것 같아요~
추가적으로 problem container에서 타이포 에러와 배경색 적용이 안된 부분이 있어서 수정했습니다.
머지 전 확인사항
피그마 링크
Before submitting the PR, please make sure you do the following
closes TAS-2670
fixes #123).